<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <title th:text="'资料下载-' + ${companyProfile.name}"></title>
    <meta name="keywords" th:content="${companyProfile.seoKeyword}"/>
    <meta name="description" th:content="${companyProfile.seoDescription}"/>
    <link rel="icon" href="/static/favicon.png"/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/static/css/animate.css">
    <link rel="stylesheet" href="../static/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../static/css/css.css">
    <link rel="stylesheet" href="../static/css/service.css">
</head>
<body ontouchstart="" data-ind="3">
<style>
    table {
        margin: 0px auto;
    }
</style>
<div th:replace="menu :: menu"></div>
<div class="mohead clearfix">
    <a class="logoBox" href="/" rel="noopener noreferrer">
        <img src="/logo.png"></a>
    <div class="menu">
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
<div class="maskout">
    <img src="../static/picture/close.png">
</div>
<div th:replace="m-menu :: m-menu"></div>

<style>
    .download_a .wrap .download_sidebar .book-list .act a,
    .download_a .wrap .download_sidebar .book-list li:hover a {
        color: #fff;

    }
    .download_a .wrap .download_sidebar .book-list li:last-child {
        border-bottom: none;
    }
</style>
<div class="leg"></div>
<div id="banner-box">
    <img src="http://120.25.100.147/uploads/cunshe/download.jpg">
    <div class="inbox">
        <div class="title-box">
            <div class="cn wow fadeInUp_qs50" ms="ms"> 服务支持</div>

        </div>
        <div class="info wow fadeInUp_qs50" ms="ms"></div>
    </div>
</div>
<div class="k-box wow fadeInUp_qs50" ms="ms">
    <div id="navbar-box">
        <div class="inbox clearfix">
            <a href="/download" class="cur">资料下载 </a>
            <a href="/service" class="">服务保障 </a>
        </div>
    </div>
</div>
<div class="download_a">
    <div class="wrap clearfix">
        <div class="download_sidebar clearfix wow fadeInLeft_qs50" ms="ms">
            <div class="title">
                资料下载
            </div>
            <ul class="book-list clearfix">
                <li th:each="series: ${seriesList}"><a th:href="'download?s=' + ${series}" th:text="${series}">力学检测设备 </a></li>
            </ul>
        </div>
        <div class="download_content wow fadeInUp_qs50" ms="ms">
            <div class="t-head clearfix">
                <div class="td">名称</div>
                <div class="td">型号</div>
                <div class="td">下载资料</div>
            </div>
            <ul class="content-ul">
                <div class="t-head clearfix t-head-item" th:each="d: ${dataDowns}">
                    <div class="td" th:text="${d.title}">名称</div>
                    <div class="td" th:text="${d.model}">型号</div>
                    <div class="td">
                        <a href="javascript:;" class="video-play" th:if="${d.url.indexOf('.mp4') != -1}">播放</a>
                        <a target="_blank" th:href="${d.url}" class="video-down-url">下载</a></div>
                </div>
            </ul>

            <div class="content-ul-m">
                <div class="file-item" th:each="d: ${dataDowns}">
                    <div class="file-name" th:text="${d.title}">文件名：热成像</div>
                    <div class="file-type" th:text="${d.model}">型号：cx1</div>
                    <div class="file-btn">
                        <a href="javascript:;" class="video-play" th:if="${d.url.indexOf('.mp4') != -1}">播放</a>
                        <a target="_blank" th:href="${d.url}" class="video-down-url">下载</a>
                    </div>
                </div>

            </div>

            <div class='pages'></div>
        </div>
    </div>
</div>

<div th:replace="footer :: footer"></div>
<div class="video-mask animate__animated animate__fadeIn">
    <div class="video-content">
        <img src="/static/close.png" class="close-img" alt="">
        <video src="" controls muted class="priview-video"></video>
    </div>
</div>
</body>
<script src="../static/js/swiper-3.4.2.min.js"></script>
<script src="../static/js/jquery-1.11.3.min.js"></script>
<script src="../static/js/wow.min.js"></script>
<script src="../static/js/common.js"></script>
<script>
    $('.video-play').on('click',function() {
        var _url = $(this).siblings('.video-down-url').attr('href')
        $('.priview-video').attr('src', _url)
        $('.video-mask').css('display','flex')
    })
    $('.close-img').on('click',function() {
        $('.video-mask').css('display','none')
    })
</script>
</html>